<template>
	<view >
		<view style="width: 100%;position: relative;margin-top: 20rpx;" >
			<view aria-role="button" class="flex-sub card-menu margin-xs radius x-items" style="background-color: #C0C0C0;" @click="note" >
				<view class="text-cut text-wight">白内障复明手术</view>
			</view>
			<view aria-role="button" class="flex-sub card-menu bg-white margin-xs radius x-items" @click="alls">
				<view class="text-cut text-wight">髋、膝盖修复手术</view>
			</view>
		</view>
		<view v-if="itemType === 'itemOne'" >
			<view class="cu-card case itemOne-des">
				<view class="cu-item shadow" style="margin: 10rpx;">
					<view>
						<view class="x-content">
							<view class="text-lg">补贴人群</view>
							<view style="padding: 10rpx;">杭州户籍、持有《中华人民共和国残疾人证》的视力残疾人</view>
						</view>
						
						<view class="x-content">
							<view class="text-lg">补贴标准</view>
							<view style="padding: 10rpx;">白内障复明手术补贴为最高每例800元, 每人累计享受政策不超过2次</view>
							<view style="padding: 10rpx;">白内障复明手术补贴为最高每例800元, 每人累计享受政策不超过2次</view>
						</view>
					</view>
				</view>
			</view>
			
			<view class="cu-card case itemOne-procedure" >
				<view class="cu-item shadow" style="margin: 10rpx;">
					<view class="needKnow">补贴须知</view>
					
					<view class="x-content">
						<view class="text-lg">1、签署承诺书</view>
						<view class="x-des">阅读并同意签署承诺书</view>
					</view>
					<view class="x-content">
						<view class="text-lg">2、上传申请资料</view>
						<view class="x-des">根据申请页提示上传发票、出院单</view>
					</view>
					<view class="x-content">
						<view class="text-lg">3、提交审核</view>
						<view class="x-des" >5个工作日后壳查询申请结果</view>
					</view>
					<view class="x-content">
						<view class="text-lg">4、资料原件寄回</view>
						<view class="x-des" >审核通过后请将资料原件附上订单号寄回以下地址：</view>
						<view class="x-des" >地址：杭州市XXX</view>
						<view class="x-des" >收件人：XXX</view>
						<view class="x-des" >电话：18888888888</view>
					</view>
					<view class="x-content">
						<view class="text-lg">5、申请完成</view>
						<view class="x-des" >5个工作日内将补贴款支付到指定银行卡</view>
					</view>
				</view>
			</view>
			<view aria-role="button" class="bg-blue padding text-center shadow bottomBar">立即申请</view>
		</view>
		
		<view v-if="itemType === 'itemTwo'" >
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemType: 'itemOne',
				TabCur: 1,
				procedureList: [
					{name: '补贴须知'},
					{name: '申请流程'},
					{name: '审核进度'}
				],
			};
		},
		onLoad: function() {

		},
		methods: {
			note() {
				
			},
			alls() {
				
			},
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
			}
		}
	}
</script>

<style>
.x-items{
	width: 260rpx;
	height: 70rpx;
	padding: 15rpx;
	text-align: center;
	float: left;
}
.itemOne-des{
	width: 100%;
}
.itemOne-procedure{
	/* height: 650rpx; */
	margin-top: 10rpx;
	margin-bottom: 100rpx;
	padding-top: 10rpx;
}
.needKnow{
	text-align: center;
	font-size: 48rpx;
	font-weight: 400;
	padding-top: 10rpx;
}
.x-content{
	margin-top: 10rpx;
	padding-left: 30rpx;
	padding-bottom: 20rpx;
}
.text-lg{
	padding: 10rpx;
	font-weight: 700;
}
.x-des{
	text-indent: 2em;
	padding: 10rpx;
}
.bottomBar{
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 100%;
	margin-top: 20rpx;
}
</style>
